<template>
	<view class="YmContent">
		<uni-steps active-color="#f83d38" :options="[{title: '保费试算'}, {title: '补充资料'}, {title: '身份验证'}, {title: '更新资料'}, {title: '完成投保'}]" :active="2"></uni-steps>
		<view class="main">
			<view class="tip">
				<image src="/static/reg_ok_icon_19.jpg" mode="scaleToFill" border="0" class="icon"></image>
				<text decode="true" class="reg_ok_20">提交成功</text>
				<text decode="true" class="reg_ok_21">我的订单, 订单详情中。可以查看审核结果，并完成后续步骤。</text>
			</view>
			<button v-on:click="returnHomePge()" class="btn-red">完成
			</button>
		</view>
		
		<view class="ymBbottom"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			returnHomePge() {
				uni.switchTab({
					url: '/pages/home/home'
				});
			}
		}
	}
</script>

<style>
	html,
	body,
	#app {
		height: 100%;
		width: 100%;
	}

	.YmContent {
		height: 100%;
		width: 100%;
	}

	uni-page-body,
	#app {
		height: 100%;
	}

	button::after {
		border: none;
		width: auto;
	}

	input {
		outline: none;
		border: none;
		list-style: none;
		width: auto;
	}

	.list_item {
		float: left;
	}

	.ym_hide {
		display: none;
	}

	.ym_show {
		display: block;
	}

	.slide-image {
		width: 100%;
		height: 100%;
	}

	.list_horizontal {
		width: auto;
		display: inline-block;
	}

	.main {
		white-space: normal;
		width: 749upx;
		height: 100%;
		padding: 0upx;
		clear: both;
		float: left;
		background-color: #f5f6fa;
		border-radius: 0upx;
		font-size: 8upx;
	}

	.main .tip {
		white-space: normal;
		width: 749upx;
		height: 384upx;
		padding: 0upx;
		clear: both;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		background-color: #ffffff;
		border-radius: 0upx;
		font-size: 1upx;
		line-height: 1upx;
	}

	.main .tip .icon {
		white-space: normal;
		width: 129upx;
		height: 128upx;
		padding: 0upx;
		clear: both;
		margin-top: 77upx;
		margin-left: 310upx;
		float: left;
		border-radius: 0upx;
		font-size: 8upx;
		line-height: 128upx;
	}

	.main .tip .reg_ok_20 {
		white-space: normal;
		width: 150upx;
		height: 38upx;
		padding: 0upx;
		clear: both;
		margin-top: 25upx;
		margin-left: 299upx;
		float: left;
		text-align: center;
		justify-content: center;
		border-radius: 0upx;
		color: #646464;
		font-size: 32upx;
		line-height: 38upx;
	}

	.main .tip .reg_ok_21 {
		white-space: normal;
		width: 570upx;
		height: 77upx;
		padding: 0upx;
		clear: both;
		margin-top: 20upx;
		margin-left: 90upx;
		float: left;
		text-align: center;
		justify-content: center;
		border-radius: 0upx;
		color: #c8c8c8;
		font-size: 29upx;
		line-height: 35upx;
	}

	.main .btOk {
		white-space: normal;
		width: 703upx;
		height: 93upx;
		padding: 0upx;
		clear: both;
		margin-top: 63upx;
		margin-left: 24upx;
		float: left;
		background-color: #4286f5;
		text-align: center;
		justify-content: center;
		border-radius: 10upx;
		color: #ffffff;
		font-size: 33upx;
		line-height: 93upx;
	}
</style>
